﻿<!doctype html>
<html lang="en">

<head>
  <meta charset="utf-8">
  <title>刑侦女性图鉴</title>
  <embed src="assets/music/易燃易爆炸.m4a" hidden="true" autostart="true" loop="true">
  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  <meta name="description" content="" />
  <meta name="author" content="" />
  <!-- styles -->
  <link rel="stylesheet" href="assets/css/fancybox/jquery.fancybox.css">
  <link href="assets/css/bootstrap.css" rel="stylesheet" />
  <link href="assets/css/bootstrap-theme.css" rel="stylesheet" />
  <link rel="stylesheet" href="assets/css/slippry.css">
  <link href="assets/css/style.css" rel="stylesheet" />
  <link rel="stylesheet" href="assets/color/default.css">

  <script src="assets/js/modernizr.custom.js"></script>
 
    <link rel="stylesheet" href="assets/css/animate.min.css">
    <link rel="stylesheet" href="assets/css/swiper.min.css">
    <script src="assets/js/swiper.min.js"></script>
    <script src="assets/js/swiper.animate.min.js"></script>

    <script> 
      //Swiper5
        var mySwiper = new Swiper ('.swiper-container', {
          on:{
            init: function(){
              swiperAnimateCache(this); //隐藏动画元素 
              swiperAnimate(this); //初始化完成开始动画
            }, 
            slideChangeTransitionEnd: function(){ 
              swiperAnimate(this); //每个slide切换结束时也运行当前slide动画
              //this.slides.eq(this.activeIndex).find('.ani').removeClass('ani'); 动画只展现一次，去除ani类名
            } 
          }
        }) 
    </script>
</head>

<body style="background-image: url(assets/img/黄色复古纸.jpg)">
  <header>

    <div id="navigation" class="navbar navbar-inverse navbar-fixed-top default" role="navigation">
      <div class="container">

        <!-- Brand and toggle get grouped for better mobile display -->
        <div class="navbar-header">
          <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
          </button>
          <a class="navbar-brand" href="index.html">刑侦女性图鉴</a>
        </div>

        <div class="navigation">
          <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
            <nav>
              <ul class="nav navbar-nav navbar-right">
                <li class="current"><a href="#intro">引言</a></li>
                <li><a href="#about">女性以何种形象出现在刑侦故事中？</a></li>
                <li><a href="#works">女性角色何以“合格”？</a></li>
                <li><a href="#contact">能发光的不止“性感台灯”</a></li>
                <li><a href="#contact">她是谁的谁？</a></li>
                <li><a href="#contact">正义之外的女性</a></li>
                <li><a href="#contact">观众怎么看？</a></li>
              </ul>
            </nav>
          </div>
          <!-- /.navbar-collapse -->
        </div>

      </div>
    </div>

  </header>
  <!-- section intro -->
  <section id="intro">
    <ul id="slippry-slider">
      <li>
        <a href="#slide1"><img src="assets/img/slide/1.png" ></a>
      </li>
      <li>
        <a href="#slide2"><img src="assets/img/slide/2.png" ></a>
      </li>
     
    </ul>
  </section>
  <!-- end intro -->


  


<div class="container">
  <div class="row">
    <div class="zhengwen" >
    <p >当你看刑侦剧的时候，你关注的是什么呢？是案件怎样推进？是警方如何发现线索？还是凶手的作案手法？ </p>
    <p > <br> </p>
    <p > 实际上，在讲述刑侦故事的影视剧中，女性角色的塑造也非常值得关注。    </p>
    <p > <br> </p>
    <p > 2001年，国产剧《重案六组》上线，剧中由王茜饰演的女刑警季洁一角收获了大量观众的喜爱。到了2023年，经过5.8万人评分后，《重案六组》第一部仍能以8.8的高分进入到豆瓣犯罪类大陆剧榜，成为该榜单中上映最早的现代刑侦剧。    </p>
    <p > <br> </p>
    <p>  20多年过去，随着社会变迁和思想观念的不断更新，刑侦剧中女性形象的塑造也在不断变化。然而，似乎再也没有一部刑侦剧中的女性角色能够像季洁一样给人留下深刻印象。  </p>
    <p > <br> </p>
    <p> 这20年里，我们的国产刑侦剧究竟有没有在进步呢？  </p>
    <p > <br> </p>
    <p> 我们选取从2000年以来上映的20部含有刑侦情节的高分影视剧，分析了刑侦故事中XX位女性角色，试图观察20多年来，刑侦故事中的女性形象的转变。    </p>

   </div> 

   <div class="swiper-slide">
    <p class="ani" swiper-animate-effect="fadeInUp" swiper-animate-duration="2s" swiper-animate-delay="0.3s">我随便写写</p>
    </div>

  </div>
</div>
  <!--==========================
      Clients Section
    ============================-->
  <!-- Section about -->
  <section id="about" class="section">
    <div class="container">
      <div class="row">

          <div class="heading">
            <h3><span>一、女性以何种形象出现在刑侦故事中？</span></h3>
          </div>
         <div class="zhengwen" >

          <p >刑侦剧通常指的是具有侦查权的主体运用措施、手段、策略来破案的剧集，其特征是在叙事中常存在犯罪与反犯罪故事。那些具有侦查权的警察部门、公安机关的人员常以正派的角色出现，而那些犯罪者则是作为反派角色与正派人物相对抗，正是在这样正派与反派的对抗中呈现出刑侦剧独有的戏剧性。 </p>
          <p > <br> </p>
          <p > 那么，在刑侦故事里，女性角色常以什么样的形象出现呢？我们对2000年来上线的20部高分刑侦剧中的主要女性角色的外在形象特征进行了记录并编码。    </p>
          <p > <br> </p>
          <p > 据统计，
          <p >  ·刑侦剧中的主要女性角色以19-45岁的青壮年与中年人群居多</p>
          <p >   ·在主要角色中，女性通常接受过良好的教育（大学及以上）</p>
          <p >   ·正派角色的职业以刑警和法医居多，这也是现实生活里常会经手刑侦案件的人群。</p>
          <p > ·在宣传海报中女性发型常以…居多</p>
          <p > ·在宣传海报中女性服饰常以…居多</p>
          <p > ·在宣传海报中女性角色所处空间环境常以…居多</p>
          <p > ·在宣传海报中女性角色的行为举止以…居多   </p>
          <p > <br> </p>
          <p>  不论是年龄、职业、形象等人物元素，刑侦剧中掌握刑侦权的女性角色外在呈现的特征相对集中，这主要是由于剧中的形象设计需要与现实生活中在刑侦系统工作的人员的形象要求相呼应。  </p>
          <p > <br> </p>
          <p> 因此，角色的外在呈现难以成为判断一个角色塑造得好坏的标准。那么，究竟如何才能衡量一个作品中女性角色被塑造得怎么样？ </p>

  </div>

      </div>

    </div>
  </section>
  <!-- end section about -->
  <div class="tlinks">Collect from <a href="http://www.cssmoban.com/"  title="网站模板">网站模板</a></div>
  <!-- section works -->
  <section id="works" class="section gray">
    <div class="container">
      <div class="row">
        <div class="col-md-8 col-md-offset-2">
          <div class="heading">
            <h3><span>二、女性角色何以“合格”？</span></h3>
          </div>
          <div class="sub-heading">
            <p>
              We have a history of doing what our name implies, creating a visual language around the beliefs of the
              brands we work with.
            </p>
          </div>
        </div>
      </div>
      <div class="row">
        <div class="col-md-12">
          <ul class="grid effect" id="grid">
            <li>
              <a class="fancybox" data-fancybox-group="gallery" title="Portfolio name" href="assets/img/portfolio/1.jpg">
                <img src="assets/img/portfolio/1.jpg" alt="" />
              </a>
            </li>
            <li><a href="assets/img/portfolio/2.jpg" class="fancybox" data-fancybox-group="gallery" title="Portfolio name"><img
                  src="assets/img/portfolio/2.jpg" alt="" /></a></li>
            <li><a href="assets/img/portfolio/3.jpg" class="fancybox" data-fancybox-group="gallery" title="Portfolio name"><img
                  src="assets/img/portfolio/3.jpg" alt="" /></a></li>
            <li><a href="assets/img/portfolio/4.jpg" class="fancybox" data-fancybox-group="gallery" title="Portfolio name"><img
                  src="assets/img/portfolio/4.jpg" alt="" /></a></li>
            <li><a href="assets/img/portfolio/5.jpg" class="fancybox" data-fancybox-group="gallery" title="Portfolio name"><img
                  src="assets/img/portfolio/5.jpg" alt="" /></a></li>
            <li><a href="assets/img/portfolio/6.jpg" class="fancybox" data-fancybox-group="gallery" title="Portfolio name"><img
                  src="assets/img/portfolio/6.jpg" alt="" /></a></li>
            <li><a href="assets/img/portfolio/7.jpg" class="fancybox" data-fancybox-group="gallery" title="Portfolio name"><img
                  src="assets/img/portfolio/7.jpg" alt="" /></a></li>
            <li><a href="assets/img/portfolio/8.jpg" class="fancybox" data-fancybox-group="gallery" title="Portfolio name"><img
                  src="assets/img/portfolio/8.jpg" alt="" /></a></li>
            <li><a href="assets/img/portfolio/9.jpg" class="fancybox" data-fancybox-group="gallery" title="Portfolio name"><img
                  src="assets/img/portfolio/9.jpg" alt="" /></a></li>
            <li><a href="assets/img/portfolio/10.jpg" class="fancybox" data-fancybox-group="gallery" title="Portfolio name"><img
                  src="assets/img/portfolio/10.jpg" alt="" /></a></li>
            <li><a href="assets/img/portfolio/11.jpg" class="fancybox" data-fancybox-group="gallery" title="Portfolio name"><img
                  src="assets/img/portfolio/11.jpg" alt="" /></a></li>
            <li><a href="assets/img/portfolio/12.jpg" class="fancybox" data-fancybox-group="gallery" title="Portfolio name"><img
                  src="assets/img/portfolio/12.jpg" alt="" /></a></li>
            <li><a href="assets/img/portfolio/13.jpg" class="fancybox" data-fancybox-group="gallery" title="Portfolio name"><img
                  src="assets/img/portfolio/13.jpg" alt="" /></a></li>
            <li><a href="assets/img/portfolio/14.jpg" class="fancybox" data-fancybox-group="gallery" title="Portfolio name"><img
                  src="assets/img/portfolio/14.jpg" alt="" /></a></li>
          </ul>
        </div>
      </div>
    </div>
  </section>
  <!-- section works -->
  <!-- section contact -->
  <section id="contact" class="section">
    <div class="container">
      <div class="row">
        <div class="col-md-8 col-md-offset-2">
          <div class="heading">
            <h3><span>Get in touch</span></h3>
          </div>
          <div class="sub-heading">
            <p>
              Lorem ipsum dolor sit amet, mutat paulo simul per no, assum fastidii vituperata eam no.
            </p>
          </div>
        </div>
      </div>
    </div>

    <div class="container">
      <div class="row">
        <div class="col-md-6">
          <h4><i class="icon-envelope"></i><strong>Contact form</strong></h4>
          <p>
            Want to work with us or just want to say hello? Don't hesitate to get in touch!
          </p>
          <!-- start contact form -->
          <div class="cform" id="contact-form">


            <div id="sendmessage">Your message has been sent. Thank you!</div>
            <div id="errormessage"></div>
            <form action="" method="post" role="form" class="contactForm">
              <div class="form-group">
                <input type="text" name="name" class="form-control" id="name" placeholder="Your Name" data-rule="minlen:4"
                  data-msg="Please enter at least 4 chars" />
                <div class="validation"></div>
              </div>
              <div class="form-group">
                <input type="email" class="form-control" name="email" id="email" placeholder="Your Email" data-rule="email"
                  data-msg="Please enter a valid email" />
                <div class="validation"></div>
              </div>
              <div class="form-group">
                <input type="text" class="form-control" name="subject" id="subject" placeholder="Subject" data-rule="minlen:4"
                  data-msg="Please enter at least 8 chars of subject" />
                <div class="validation"></div>
              </div>
              <div class="form-group">
                <textarea class="form-control" name="message" rows="5" data-rule="required" data-msg="Please write something for us"
                  placeholder="Message"></textarea>
                <div class="validation"></div>
              </div>

              <div class="text-center"><button type="submit" class="btn btn-lg btn-theme">Send Message</button></div>
            </form>
          </div>
          <!-- END contact form -->
        </div>
        <div class="col-md-6">
          <h4>Find our location</h4>
          <p>View from google map</p>
          <!-- map -->
          
        </div>
      </div>
    </div>
  </section>
  <!-- end section contact -->
  <footer>
    <div class="verybottom">
      <div class="container">
        <div class="row">
          <div class="col-md-12">
            <div class="aligncenter">
              <ul class="social-network social-circle">
                <li><a href="#" class="icoRss" title="Rss"><i class="fa fa-rss"></i></a></li>
                <li><a href="#" class="icoFacebook" title="Facebook"><i class="fa fa-facebook"></i></a></li>
                <li><a href="#" class="icoTwitter" title="Twitter"><i class="fa fa-twitter"></i></a></li>
                <li><a href="#" class="icoGoogle" title="Google +"><i class="fa fa-google-plus"></i></a></li>
                <li><a href="#" class="icoLinkedin" title="Linkedin"><i class="fa fa-linkedin"></i></a></li>
              </ul>
            </div>
          </div>
        </div>
        <div class="row">
          <div class="col-md-12">
            <div class="aligncenter">
              <p>
                &copy; Groovin Theme - All right reserved
              </p>
              <div class="credits">
                More Templates <a href="http://www.cssmoban.com/" target="_blank" title="模板之家">模板之家</a> - Collect from <a href="http://www.cssmoban.com/" title="网页模板" target="_blank">网页模板</a>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </footer>
  <a href="#" class="scrollup"><i class="fa fa-angle-up fa-2x"></i></a>
  <!-- javascript -->
  <script src="assets/js/jquery-1.9.1.min.js"></script>
  <script src="assets/js/jquery.easing.js"></script>
  <script src="assets/js/classie.js"></script>
  <script src="assets/js/bootstrap.js"></script>
  <script src="assets/js/slippry.min.js"></script>
  <script src="assets/js/nagging-menu.js"></script>
  <script src="assets/js/jquery.nav.js"></script>
  <script src="assets/js/jquery.scrollTo.js"></script>
  <script src="assets/js/jquery.fancybox.pack.js"></script>
  <script src="assets/js/jquery.fancybox-media.js"></script>
  <script src="assets/js/masonry.pkgd.min.js"></script>
  <script src="assets/js/imagesloaded.js"></script>
  <script src="assets/js/jquery.nicescroll.min.js"></script>
  <script src="assets/js/AnimOnScroll.js"></script>
  <script>
    new AnimOnScroll(document.getElementById('grid'), {
      minDuration: 0.4,
      maxDuration: 0.7,
      viewportFactor: 0.2
    });
  </script>
  <script>
    $(document).ready(function () {
      $('#slippry-slider').slippry(
        defaults = {
          transition: 'vertical',
          useCSS: true,
          speed: 5000,
          pause: 3000,
          initSingle: false,
          auto: true,
          preload: 'visible',
          pager: false,
        }
      )
    });
  </script>

  <script src="assets/js/custom.js"></script>
  <script src="contactform/contactform.js"></script>
  


<style>
.copyrights{text-indent:-9999px;height:0;line-height:0;font-size:0;overflow:hidden;}
</style>
<div class="copyrights" id="links20210126">
	Collect from <a href="http://www.cssmoban.com/"  title="网站模板">模板之家</a>
	<a href="https://www.chazidian.com/"  title="查字典">查字典</a>
</div>
</body>
</html>
